import React, { Component } from 'react'
// 引入导航栏组件
import Navbar from './Navbar/index'

export default class App extends Component {
    render() {
        // 上面父组件传来的一个对象
        let obj = {
            title: '首页',
            leftshow: false
        }

        return (
            <div>
                <div>
                    <h2>首页</h2>
                    {/* react中可以用这种方式展开对象传入属性，简写 */}
                    <Navbar {...obj} />
                </div>

                <div>
                    <h2>列表</h2>
                    <Navbar title="列表" />
                </div>

                <div>
                    <h2>购物车</h2>
                    <Navbar title="购物车" />
                </div>

            </div>
        )
    }
}
